﻿<!DOCTYPE html>
<html>
<head>
    <title>CSS Presentation Exercise 4</title>
    <link rel="stylesheet" type="text/css" href="CSS-Presentation-Ex4.css"/>
</head>
<body>
    <form method="get" action="#">
        <div id="Calc">
            <div id="MainMenu">
                <button>View</button>
                <button>Edit</button>
                <button>Help</button>
            </div>
            <div id="CalcContent">
                <div id="Result">8854455</div>
                <div id="HexData">
                    <span id="HexByte1">0000</span>
                    <span id="HexByte2">0000</span>
                    <span id="HexByte3">0000</span>
                    <span id="HexByte4">0000</span>
                    <span id="HexByte5">0000</span>
                    <span id="HexByte6">0000</span>
                    <span id="HexByte7">0000</span>
                    <span id="HexByte8">0000</span>
                    <span id="HexByte9">0000</span>
                    <span id="HexByte10">0000</span>
                    <span id="HexByte11">0000</span>
                    <span id="HexByte12">0000</span>
                    <span id="HexByte13">0000</span>
                    <span id="HexByte14">0000</span>
                    <span id="HexByte15">0000</span>
                    <span id="HexByte16">0000</span>
                    <label id="HexBit0">0</label>
                    <label id="HexBit15">15</label>
                    <label id="HexBit31">31</label>
                    <label id="HexBit32">32</label>
                    <label id="HexBit47">47</label>
                    <label id="HexBit63">63</label>
                </div>
                <div id="SystemSelector">
                    <input type="radio" name="SystemSelectorName" id="HexSelector">
                    <label for="HexSelector">Hex</label>
                    <input type="radio" name="SystemSelectorName" id="DecSelector" checked="checked">
                    <label for="DecSelector">Dec</label>
                    <input type="radio" name="SystemSelectorName" id="OctSelector">
                    <label for="OctSelector">Oct</label>
                    <input type="radio" name="SystemSelectorName" id="BinSelector">
                    <label for="BinSelector">Bin</label>
                </div>
                <div id="SizeSelector">
                    <input type="radio" name="SizeSelectorName" id="QwordSelector" checked="checked">
                    <label for="QwordSelector">Qword</label>
                    <input type="radio" name="SizeSelectorName" id="DwordSelector">
                    <label for="DwordSelector">Dword</label>
                    <input type="radio" name="SizeSelectorName" id="WordSelector">
                    <label for="WordSelector">Word</label>
                    <input type="radio" name="SizeSelectorName" id="ByteSelector">
                    <label for="ByteSelector">Byte</label>
                </div>
                <button id="btnEmpty" disabled="disabled">A</button>
                <button id="btnMod">Mod</button>
                <button id="btnHexA" disabled="disabled">A</button>
                <button id="btnMC">MC</button>
                <button id="btnMR">MR</button>
                <button id="btnMS">MS</button>
                <button id="btnM+">M+</button>
                <button id="btnM-">M-</button>
                <button id="btn(">(</button>
                <button id="btn)">)</button>
                <button id="btnHexB" disabled="disabled">B</button>
                <button id="btnArrow">-</button>
                <button id="btnCE">CE</button>
                <button id="btnC" disabled="disabled">C</button>
                <button id="btn+-">+-</button>
                <button id="btnV" disabled="disabled">V</button>
                <button id="btnRoL">RoL</button>
                <button id="btnRoR">RoR</button>
                <button id="btnHexC" disabled="disabled">C</button>
                <button id="btn7">7</button>
                <button id="btn8">8</button>
                <button id="btn9">9</button>
                <button id="btn/">/</button>
                <button id="btn%" disabled="disabled">%</button>
                <button id="btnOr">Or</button>
                <button id="btnXor">Xor</button>
                <button id="btnHexD" disabled="disabled">D</button>
                <button id="btn4">4</button>
                <button id="btn5">5</button>
                <button id="btn6">6</button>
                <button id="btn*">*</button>
                <button id="btn1/x" disabled="disabled">1/x</button>
                <button id="btnLsh">Lsh</button>
                <button id="btnRsh">Rsh</button>
                <button id="btnHexE" disabled="disabled">E</button>
                <button id="btn1">1</button>
                <button id="btn2">2</button>
                <button id="btn3">3</button>
                <button id="btn-">-</button>
                <button id="btnEqual">=</button>
                <button id="btnNot">Not</button>
                <button id="btnAnd">And</button>
                <button id="btnHexF" disabled="disabled">F</button>
                <button id="btn0">0</button>
                <button id="btn." disabled="disabled">.</button>
                <button id="btn+">+</button>
            </div>
        </div>
    </form>
</body>
</html>
